/*
 * Licensed to The Apereo Foundation under one or more contributor license
 * agreements. See the NOTICE file distributed with this work for additional
 * information regarding copyright ownership.
 *
 *
 * The Apereo Foundation licenses this file to you under the Educational
 * Community License, Version 2.0 (the "License"); you may not use this file
 * except in compliance with the License. You may obtain a copy of the License
 * at:
 *
 *   http://opensource.org/licenses/ecl2.txt
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.  See the
 * License for the specific language governing permissions and limitations under
 * the License.
 *
 */


.df-input-base {
    position: relative;
    box-sizing: border-box;

    @include transition-property(width, padding, visibility, opacity);
    @include transition-duration(300ms);
    @include transition-timing-function(ease-in-out);
    @include transition-delay(80ms);

    float: left;
    width: 0px;
    height: $df-height;
    visibility: hidden;
    opacity: 0;

    $border: $thin-border-stroke #c9d0d3;
    border-top: $border;
    border-bottom: $border;
    background-color: #f7f7f7;

    .js-df-state-new-filter & {
        min-width: 290px;
        visibility: visible;
        opacity: 1;
    }
}

.df-input-inner-container {
    min-width: 290px;
    height: 40px;
    padding: 0 5px;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
}